<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
    工程名：MealOrder
    时间： 16-12-23
    作者：白雨濃 evil
    邮箱：evilbai@foxmail.com
    内容：
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%--去除多余空格--%>
<%@ page trimDirectiveWhitespaces="true" %>
<%--h5声明--%>
<!DOCTYPE html>
<html>
<head>
    <title>Title</title>
</head>
<body>

<a id="btn-1" class="p" href="<c:url value="/static/html/1.html"/>">测试:1</a>
<a id="btn-2" class="p" href="<c:url value="/static/html/2.html"/>">测试:2</a>
<button id="t">adsf</button>

<br>

<div id="container" style="background-color: #1a2226;height: 300px">

</div>

<script src="<c:url value="/static/js/jquery-3.0.0.min.js"/>"></script>
<script src="<c:url value="/static/js/jquery-pjax.js"/>"></script>
<script>
    $(document.body).pjax("a", "#container", {timeout: 10000});
   /* $.pjax({
        selector: 'a',
        container: '#container', //内容替换的容器
        show: 'fade',  //展现的动画，支持默认和fade, 可以自定义动画方式，这里为自定义的function即可。
        cache: true,  //是否使用缓存
        storage: true,  //是否使用本地存储
        titleSuffix: '', //标题后缀
        filter: function ()
        {
            alert(1)
        },
        callback: function ()
        {
            alert(2)
        }
    });*/
    $('#t').click(function ()
    {
        $.pjax({
            url: 'http://www.baidu.com',
            container: '#container'
        });
    });
</script>
</body>
</html>
